<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Document</title>
	<style type="text/css">
	*{
		margin: 0;
		padding: 0;
	}
		.div1{
			width: 200px;
			height: 200px;
			position: absolute;
			left:50%;
			top:50%;
			margin-left: -100px;
			margin-top: -100px;
			background-color: black;
			color:white;
			text-align: center;
			line-height: 200px;
			transform: rotate(90deg);
			animation: aa 1s 0.5s forwards;
		}
		@-webkit-keyframes aa{
			from{
				
			}
			50%{
				border-radius: 200px;
			}
			to{
				width: 400px;
				height: 400px;
				border-radius: 400px;
			}
		}
	</style>
</head>
<body>
	<!--作业: 求出abcdgbcdabddaabbdgbb 这个字符串中 出现次数最高的字符, 并输出其出现的次数!
		- CSS3新增伪类选择器有哪些?
		- 用CSS编写, div旋转90度, 0.5秒后变圆, 0.5秒后放大?
		- 列举2种强制类型转换和1种隐式类型装换?
		- split()和join()的区别?-->
		<p>css3新增的伪类选择器:
				<br />
				div:only-of-type
				<br />
				div:only-child
				<br />
				div:nth-child(1)
				<br />
				div:nth-last-child
				<br />
				div:nth-of-type
				<br />
				div:nth-last-of-type
				<br />
				div:last-child
				<br />
				div:root
				<br />
				div:empty
				<br />
				div:target
				<br />
				div:enabled
				<br />
				div:disabled
				<br />
				div:checked
				<br />
				div:not(p)
				<br />
				div:selection
				<br />
		</p>
		<p>String();
			<br />
			Number();
		<br />
			var a = 1 + "111"; 隐式转换
		</p>
			<p>Join 函数获取一批字符串，然后用分隔符字符串将它们联接起来，从而返回一个字符串。Split 函数获取一个字符串，然后在分隔符处将其断开，从而返回一批字符串。但是，这两个函数之间的主要区别在于 Join 可以使用任何分隔符字符串将多个字符串连接起来，而 Split 只能使用一个字符分隔符将字符串断开。</p>
		<div class="div1">1111</div>
		<script type="text/javascript">
			var str = "abcdgbcdabddaabbdgbb";
			function aa(str,fn){
				var arr = [];
				var arr2 = [];
				var maxNum = 0;
				var index = 0;
				for(var i=0;i<str.length;i++){
					if(str.indexOf(str.substr(i,1)) == i){
						arr.push(str.substr(i,1));
						arr2.push(1);
					}else{
						arr2[arr.indexOf(str.substr(i,1))]++;
					}
				}
				for(var i=0;i<arr2.length;i++){
					if(maxNum<arr2[i]){
						maxNum = arr2[i];
						index = i;
					}
				}
				fn(arr[index],maxNum);
			}
			aa(str,function(obj,num){
				console.log("出现最多的字母是"+obj+",次数为:"+num+"次");
			})
			
		</script>
</body>
</html>